<template>
  <div class="index">
    <div><img src="https://test91.91haoka.cn/dx1.jpg"></div>
    <div style="position: relative;">
      <div style="position: absolute; left: 0; display: flex; justify-content: center; top: 1rem; width: 7.5rem;"><van-field style="border: 1px #ccc solid; width: 6rem;"
          v-model="mobile" placeholder="请输入手机号" /></div>
      <div style="position: absolute; left: 0; display: flex; justify-content: center; top: 2.3rem; width: 7.5rem;">
        <div style=" width: 3.3rem; height: 1rem;" @click="go"></div>
      </div>
      <img src="https://test91.91haoka.cn/dx2.jpg">
    </div>
    <div><img src="https://test91.91haoka.cn/dx3.jpg"></div>
  </div>
</template>

<script>
  var h = document.documentElement.clientWidth / 7.5 + 'px';
  document.documentElement.style.fontSize = h;
  export default {
    name: 'query',
    data() {
      return {
        mobile: ""
      }
    },
    created() {

    },
    mounted() {
      document.title = "中国电信"
    },
    methods: {
      go:function(){
        axios.post(`/api/record/phone`,{phone:this.mobile})
        	.then(response=> {
        		if (response.data.msg.code == 0) {
              vant.Toast('提交成功');
        		}else{
              vant.Toast(response.data.msg.info);
            }
        	})

      }

    }
  }
</script>


<style scoped lang="less">

</style>
